<template>
  <div>
    <div class="item" v-for="(item, index) of list" :key="index">
      <div class="item-title">
        <span class="item-title-icon"></span>
        {{ item.title }}
      </div>
      <div v-if="item.children" class="item-children">
          <lista :list="item.children"></lista>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: "lista",
  components: {},
  props: ["list"],
  data() {
    return {};
  },
  computed: {},
  watch: {},
  created() {},
  mounted() {},
  methods: {},
};
</script>

<style lang='stylus' scoped>
.item-title {
  font-size: 0.32rem;
  padding: 0.2rem;

  .item-title-icon {
    display: inline-block;
    width: 13px;
    height: 16px;
    line-height: 0;
    vertical-align: middle;
    background: url('//ss.qunarzz.com/package_b2c_frontend/detail/detail-icov10.png') no-repeat -312px 0; // ss.qunarzz.com/package_b2c_frontend/detail/detail-icov10.png) no-repeat -312px 0;
    margin-right: 4px;
  }
}
.item-children{
    padding 0 .2rem
}
</style>
